<template>
  <div class="App">
    <h1>我是App组件</h1>
    <h1>count:{{count}}</h1>
<!--    Vue2中给所有子组件绑定的时间都属于自定义事件-->
<!--    如果想给子组件绑定事件则用.native-->
<!--    <Count @click.native="ss"/>-->
<!--    1.直接在子组件上绑定事件-->
<!--    <Count @changeValue="changeValue" @click.native="ss"/>-->
    <Count ref="child"/>
  </div>
</template>

<script>
import Count from "@/components/Count";
export default {
  name: "App",
  data(){
    return{
      count:1
    }
  },
  mounted() {
    //2.通过ref给子组件绑定事件
    this.$refs.child.$on('changeValue',this.changeValue)
  //  只绑定一次
  //   this.$refs.child.$once('changeValue',this.changeValue)
  },
  methods:{
    changeValue(val){
      this.count+=val
    },
    ss(){
      console.log(123)
    }
  },
  components: {Count},
}
</script>

<style scoped>

</style>